<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="../templates/defaultLayout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

	<ui:define name="title">#{msg.listadoProfesores}</ui:define>

	<ui:define name="content">
		<h:form id="listadoProfesoresForm">
			<rich:panel id="panelListadoProfesores" styleClass="tabla_listado">
				<rich:toolbar>
					<rich:autocomplete mode="cachedAjax" autofill="false" tokens=","
						minChars="0" selectFirst="false" autocompleteMethod="#{profesorBean.autocomplete}" value="#{profesorFilter.nameTeacherFilter}" >				
						<a4j:ajax event="blur" render="profesores" execute="nameTeacherFilter" />		
					</rich:autocomplete>
					<h:outputText value="#{msg.buscar}">						
					</h:outputText>
				</rich:toolbar>
				<rich:dataTable value="#{profesorBean.listadoProfesores}"
					var="profesor" id="profesores" filterVar="filterValue"
					iterationStatusVar="it" styleClass="contenido_listado"
					style="height:200px; width:100%;">
					<f:facet name="header">
						<h:outputText value="#{msg.listadoProfesores}" />
					</f:facet>
					<rich:column sortBy="#{profesor.dni}">
						<f:facet name="header">
							<h:outputText value="#{msg.profesordni}" />
						</f:facet>
						<h:outputLabel for="dni" value="#{profesor.dni}" />
					</rich:column>
					<rich:column filter="#{profesorFilter.filterName}"
						sortBy="#{profesorFilter.filterName}">
						<f:facet name="header">
							<h:panelGroup>
								<h:outputText value="#{msg.profesornombre} " />
								<!--  <h:inputText value="#{profesorFilter.nameTeacherFilter}"
									id="nameTeacherFilter">
									<a4j:ajax event="blur" render="profesores"
										execute="nameTeacherFilter" />
								</h:inputText> -->
							</h:panelGroup>
						</f:facet>
						<h:outputLabel for="nombre" value="#{profesor.nombre}" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="#{msg.profesorapellidos}" />
						</f:facet>
						<h:outputLabel for="apellidos" value="#{profesor.apellidos}" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="#{msg.profesorfechaNacimiento}" />
						</f:facet>
						<h:outputLabel for="fechaNacimiento"
							value="#{profesor.fechaNacimiento}" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Asignatura" />
						</f:facet>
						<h:outputLabel for="fechaNacimiento"
							value="#{profesor.asignaturaView.nombre}" />
					</rich:column>
					<rich:column>
						<a4j:commandLink render="panelEditar" execute="@this"
							oncomplete="#{rich:component('popupEditar')}.show(); return false;">
							<h:graphicImage value="../../images/edit.png" />
							<rich:tooltip id="tt1" layout="block">
				                <span style="white-space: nowrap"> <strong> #{msg.editraProfesor } </strong> </span>
				            </rich:tooltip>
							<a4j:param value="#{it.index}"
								assignTo="#{profesorBean.currentProfesorIndex}" />
							<f:setPropertyActionListener
								target="#{profesorBean.codAsignatura}"
								value="#{profesor.asignaturaView.codAsignatura}" />
							<f:setPropertyActionListener target="#{profesorBean.codUsuario}"
								value="#{profesor.usuarioView.idUsuario}" />
							<f:setPropertyActionListener
								target="#{profesorBean.profesorView}" value="#{profesor}" />
						</a4j:commandLink>
					</rich:column>
				</rich:dataTable>
			</rich:panel>
			<ui:include src="/view/profesores/EditarProfesores.xhtml" />
		</h:form>
	</ui:define>
</ui:composition>